<?xml version="1.0" encoding="UTF-8"?>
<jsp:root version="2.1" xmlns:f="http://java.sun.com/jsf/core" xmlns:h="http://java.sun.com/jsf/html" xmlns:ice="http://www.icesoft.com/icefaces/component" xmlns:jsp="http://java.sun.com/JSP/Page">
    <jsp:directive.page contentType="text/html;charset=UTF-8" pageEncoding="UTF-8"/>
    <f:view>
        <html id="outputHtml1">
            <head id="outputHead1">
                <ice:outputStyle href="./xmlhttp/css/xp/xp.css" id="outputStyle2"/>
                <ice:outputStyle href="./resources/stylesheet.css" id="outputStyle1"/>
                <script src="resources/js/dropdown.js" language="javascript"/>
            </head>
            <body id="outputBody1" style="-rave-layout: grid">
                <ice:form id="form1" styleClass="bodyCenterAlign">
                    <jsp:directive.include file="fragments/HeaderFragment.jspf"/>
                    <jsp:directive.include file="fragments/MenuFragment.jspf"/>

                    <ice:panelLayout styleClass="mainPL">
                        <br/>
                        <ice:messages errorClass="errorMessage" fatalClass="fatalMessage" id="messages1" infoClass="infoMessage" showSummary="true" warnClass="warnMessage"/>
                        <ice:outputLabel styleClass="titlePageAdmin" value="Ingreso Mantenimiento Automóvil"/>
                        <br/><br/>
                        <ice:panelGrid columns="3">
                            <ice:outputText styleClass="lbl" style="font-size:11px;font-weight:bold;" value="Placa:" />
                            <ice:inputText required="true" value="#{MantenimientoAutoPage.placa}" maxlength="6">
                                <f:attribute name="label" value="Placa" />
                            </ice:inputText>
                            <ice:commandButton value="Buscar" action="#{MantenimientoAutoPage.buscar}" />
                        </ice:panelGrid>
                        <br/><br/>
                        <ice:panelGrid rendered="#{MantenimientoAutoPage.flagDetalle}">
                            <ice:dataTable value="#{MantenimientoAutoPage.listaVehiculos}" var="row">
                                <f:facet name="header">
                                    <ice:outputText value="Automóvil" styleClass="lbl" style="font-size:11px;" />
                                </f:facet>
                                <ice:column style="width:150px">
                                    <f:facet name="header">
                                        <ice:outputText value="Nombre Propietario" styleClass="lbl" style="font-size:11px" />
                                    </f:facet>
                                    <ice:outputText value="#{row.nombrePropietario}#{' '}#{row.apellidoPropietario}" />
                                </ice:column>
                                <ice:column style="width:150px">
                                    <f:facet name="header">
                                        <ice:outputText value="Identificación" styleClass="lbl" style="font-size:11px" />
                                    </f:facet>
                                    <ice:outputText value="#{row.identificacionPropietario}" />
                                </ice:column>
                                <ice:column style="width:150px">
                                    <f:facet name="header">
                                        <ice:outputText value="Placa" styleClass="lbl" style="font-size:11px" />
                                    </f:facet>
                                    <ice:outputText value="#{row.placa}" />
                                </ice:column>
                                <ice:column style="width:150px">
                                    <f:facet name="header">
                                        <ice:outputText value="Línea" styleClass="lbl" style="font-size:11px" />
                                    </f:facet>
                                    <ice:outputText value="#{row.nombreLinea}" />
                                </ice:column>
                                <ice:column style="width:150px">
                                    <f:facet name="header">
                                        <ice:outputText value="Modelo" styleClass="lbl" style="font-size:11px" />
                                    </f:facet>
                                    <ice:outputText value="#{row.modelo}" />
                                </ice:column>
                                <ice:column style="width:150px">
                                    <f:facet name="header">
                                        <ice:outputText value="Detalle" styleClass="lbl" style="font-size:11px" />
                                    </f:facet>
                                    <ice:commandButton value="Ver detalle" immediate="true" action="#{MantenimientoAutoPage.verDetalle}" />
                                </ice:column>
                                <ice:column style="width:150px">
                                    <f:facet name="header">
                                        <ice:outputText value="Mantenimiento" styleClass="lbl" style="font-size:11px" />
                                    </f:facet>
                                    <ice:commandButton immediate="true" action="#{MantenimientoAutoPage.hacerMantenimiento}"  disabled="#{MantenimientoAutoPage.flagMantenimiento eq false}" value="Hacer Mantenimiento" />
                                </ice:column>
                            </ice:dataTable>
                        </ice:panelGrid>
                        <br/>
                        <ice:panelGrid rendered="#{MantenimientoAutoPage.flagMantenimiento}">
                            <ice:dataTable value="#{MantenimientoAutoPage.listaMantenimientos}" var="row">
                                <f:facet name="header">
                                    <ice:outputText value="Mantenimientos" styleClass="lbl" style="font-size:11px;" />
                                </f:facet>
                                <ice:column style="width:150px">
                                    <f:facet name="header">
                                        <ice:outputText value="Fecha entrada" styleClass="lbl" style="font-size:11px" />
                                    </f:facet>
                                    <ice:outputText value="#{row.fechaEntrada.time}" >
                                        <f:convertDateTime pattern="dd/MM/yyyy HH:mm:ss" timeZone="#{scope$SessionBean.TIME_ZONE}" />
                                    </ice:outputText>
                                </ice:column>
                                <ice:column style="width:150px">
                                    <f:facet name="header">
                                        <ice:outputText value="Fecha salida" styleClass="lbl" style="font-size:11px" />
                                    </f:facet>
                                    <ice:outputText value="#{row.fechaEntrada eq row.fechaSalida ? '' : row.fechaSalida.time}"  >
                                        <f:convertDateTime pattern="dd/MM/yyyy HH:mm:ss" timeZone="#{scope$SessionBean.TIME_ZONE}" />
                                    </ice:outputText>
                                </ice:column>
                                <ice:column style="width:150px">
                                    <f:facet name="header">
                                        <ice:outputText value="Revisión" styleClass="lbl" style="font-size:11px" />
                                    </f:facet>
                                    <ice:outputText value="#{row.revisionKilometraje} #{' Km'}" />
                                </ice:column>
                                <ice:column style="width:150px">
                                    <f:facet name="header">
                                        <ice:outputText value="Kilometraje" styleClass="lbl" style="font-size:11px" />
                                    </f:facet>
                                    <ice:outputText value="#{row.ingresoKilometraje}#{' Km'}" />
                                </ice:column>
                                <ice:column style="width:150px">
                                    <f:facet name="header">
                                        <ice:outputText value="Estado" styleClass="lbl" style="font-size:11px" />
                                    </f:facet>
                                    <ice:outputText value="#{row.nombreEstado}" />
                                </ice:column>
                                <ice:column style="width:330px">
                                    <f:facet name="header">
                                        <ice:outputText value="Comentarios" styleClass="lbl" style="font-size:11px" />
                                    </f:facet>
                                    <ice:inputTextarea readonly="true" rows="3" cols="60" value="#{row.comentarios}" />
                                </ice:column>
                            </ice:dataTable>

                        </ice:panelGrid>
                        <br/>
                        <ice:panelCollapsible expanded="true" immediate="true" style="width:100%" rendered="#{MantenimientoAutoPage.flagRegMantenimiento}">
                            <f:facet name="header">
                                <ice:outputText value="Registrar Mantenimiento" style="font-size:11px;font-weight:bold;"/>
                            </f:facet>
                            <ice:panelGrid columns="5" width="100%" >

                                <ice:outputText value="Tipo revisión" style="font-size:11px;font-weight:bold;" styleClass="lbl" />
                                <ice:selectOneMenu value="#{MantenimientoAutoPage.revisionId}">
                                    <f:selectItems value="#{MantenimientoAutoPage.listaRevisiones}" />
                                </ice:selectOneMenu>
                                <ice:panelGrid width="150px"></ice:panelGrid>
                                <ice:outputText value="Estado" style="font-size:11px;font-weight:bold;" styleClass="lbl" />
                                <ice:selectOneMenu value="#{MantenimientoAutoPage.estadoId}">
                                    <f:selectItems value="#{MantenimientoAutoPage.listaEstados}" />
                                </ice:selectOneMenu>
                                
                                <ice:outputText value="Kilometraje" style="font-size:11px;font-weight:bold;" styleClass="lbl" />
                                <ice:inputText value="#{MantenimientoAutoPage.kilometraje}" size="8" required="true">
                                    <f:attribute name="label" value="Kilometraje" />
                                </ice:inputText>
                                <ice:panelGrid width="150px"></ice:panelGrid>
                                <ice:outputText value="Recibido por" style="font-size:11px;font-weight:bold;" styleClass="lbl" />
                                <ice:inputText value="#{MantenimientoAutoPage.recibidoPor}" size="50" required="true">
                                    <f:attribute name="label" value="Recibido por" />
                                </ice:inputText>
                                <ice:commandButton value="Registrar mantenimiento" action="#{MantenimientoAutoPage.registrarMantenimiento}" />

                            </ice:panelGrid>
                        </ice:panelCollapsible>
                        <br/>
                        <br/><br/><br/><br/>




                    </ice:panelLayout>
                </ice:form>
            </body>
        </html>
    </f:view>
</jsp:root>
